@import '../../base/base.less';
#center {
    width: 100%;
    padding-bottom: 40px;
    >.v-header {
        z-index: 11;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        box-shadow: 0 1px 8px 0 rgba(7, 17, 27, .06);
        >.headers {
            height: 40px;
            background-color: @color-border;
            span {
                line-height: 40px;
                font-size: 14px;
                color: @color-txt2;
                &.base-color {
                    color: @base-color;
                }
            }
            .left {
                span {
                    &:nth-of-type(1) {
                        margin-right: 49px;
                    }
                    &:nth-of-type(2) {
                        margin-right: 30px;
                    }
                }
            }
            .right {
                span:nth-of-type(1) {
                    margin-right: 29px;
                }
                span:nth-of-type(2) {
                    margin-right: 30px;
                }
                .line {
                    position: relative;
                    top: 5px;
                    display: inline-block;
                    height: 20px;
                    width: 1px;
                    background-color: @color-txt3;
                    margin-right: 35px;
                }
            }
        }
    }
    >.header-place {
        height: 40px;
    }
    .info-place{
        height: 80px;
        background-color: @base-color;
    }
    .center_content {
        margin-top: 30px;
        padding-bottom: 30px;
        width: 1200px;
        margin: 0 auto;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        .right {
            margin-left: 160px;
            width: 1040px;
        }
    }
    .centertop {
        background: #fff;
        width: 1040px;
        height: 80px;
        padding: 13px 0 13px 50px;
        .usericon {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background-color: #f2f2f2;
            border: solid 2px #fff6f6;
            input {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0.01;
            }
            img {
                width: 54px;
                height: 54px;
                border-radius: 50%;
            }
        }
        .userinfos {
            padding-left: 20px;
            height: 100%;
            flex: 1;
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            justify-content: space-between;
            /*align-items: center;*/
            flex-direction: column;
            .top {
                .companyname {
                    padding-right: 16px;
                    min-width: 110px;
                }
                .level {
                    font-size: 10px;
                    background: #eebbbb;
                    padding: 3px 12px;
                    border-radius: 20px;
                    color: #fff;
                }
            }
            .verfication {
                font-size: 12px;
                background: #eebbbb;
                width: 50px;
                height: 20px;
                border-radius: 20px;
                color: #fff;
            }
        }
    }
}